<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>Blandes - homepage Layout 4</title>
<link rel="stylesheet" href="./css/layout.css" type="text/css" />
<link rel='stylesheet' id='rs-settings-css'  href='css/settings.css' type='text/css' media='all' />
<link rel='stylesheet' id='rs-captions-css'  href='css/captions.css' type='text/css' media='all' />
<link rel="stylesheet" href="./css/main.css" type="text/css" />
<link rel="stylesheet" href="./css/shortcodes.css" type="text/css" />
<link rel="stylesheet" href="./css/icons.css" type="text/css" />
<link rel="stylesheet" href="./css/flexslider.css" type="text/css" />
<link rel="stylesheet" href="./css/responsive.css" type="text/css" />
<script type="text/javascript" src="./js/jquery.js"></script>
<script type='text/javascript' src='./js/jquery.themepunch.revolution.min.js'></script>
</head>

<body class="responsive">

<!-- mobile menu Starts Here-->
<div id="mobile_navigation">
  <ul id="mobile_menu" class="mobile_menu">
    <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2597 current-menu-parent"><a href="#">Home</a>
      <ul class="sub-menu">
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2591"><a href="index.html">Homepage Layout 1</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2587"><a href="home_v2.html">Homepage Layout 2</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2588"><a href="home_v3.html">Homepage Layout 3</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2589"><a href="home_v4.html">Homepage Layout 4</a></li>
      </ul>
    </li>
    <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2596"><a href="#">Pages</a>
      <ul class="sub-menu">
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2592"><a href="about_us.html">About Us</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2594"><a href="services.html">Services</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2612"><a href="pricing_table.html">Pricing Table</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2611"><a href="contact_us.html">Contact Us</a></li>
      </ul>
    </li>
    <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2598"><a href="#">Blog</a>
      <ul class="sub-menu">
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2599"><a href="blog_grid.html">Blog Grid</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2753"><a href="blog_timeline.html">Blog timeline</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2600"><a href="blog_standard.html">Blog Standard</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2615"><a href="blog_full_width.html">Blog Full Width</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2602"><a href="blog_full_width_alternate.html">Full Width Alternate</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2752"><a href="blog_single.html">Blog Detail Page</a></li>
      </ul>
    </li>
    <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2603"><a href="#">Portfolio</a>
      <ul class="sub-menu">
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2607"><a href="portfolio_style1.html">Portfolio style 1</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2604"><a href="portfolio_style2.html">Portfolio style 2</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2605"><a href="portfolio_style3.html">Portfolio Style 3</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2606"><a href="portfolio_style4.html">Portfolio style 4</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2608"><a href="single_portfolio.html">Portfolio Detail Page</a></li>
      </ul>
    </li>
    <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2614"><a href="shortcodes.html">Shortcodes</a></li>
    <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2586"><a href="contact_us.html">Contact Us</a></li>
  </ul>
</div>

<!-- End Mobile Navigation -->

<div id="header_space"></div>
<header id="header">
  <section id="main_header_container">
    <div id="main_navigation">
      <div class="container">
        <div class="row-fluid">
          <div class="row-fluid">
            <div class="span12"> 
              
              <!-- logo -->
              
              <div class="logo-container"> <a href="#" id="logo" class="clearfix"><img src="images/logo.png" alt="Blandes"/></a> </div>
              <div id="toggle-menu"> <a class="toggle-menu" href="#"><i class="icon-list2"></i></a>
                <div class="clear"></div>
              </div>
              <div id="header-search-button"><a href="#"  class="search-button"><i class="icon-blandes-search"></i></a></div>
              <ul id="main_menu" class="main_menu">
                <li id="menu-item-2597" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2597 current-menu-parent"><a href="#">Home</a>
                  <ul class="sub-menu">
                    <li id="menu-item-2591" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2591"><a href="index.html">Homepage Layout 1</a></li>
                    <li id="menu-item-2587" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2587"><a href="home_v2.html">Homepage Layout 2</a></li>
                    <li id="menu-item-2588" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2588"><a href="home_v3.html">Homepage Layout 3</a></li>
                    <li id="menu-item-2589" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2589"><a href="home_v4.html">Homepage Layout 4</a></li>
                  </ul>
                </li>
                <li id="menu-item-2596" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2596 "><a href="#">Pages</a>
                  <ul class="sub-menu">
                    <li id="menu-item-2592" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2592"><a href="about_us.html">About Us</a></li>
                    <li id="menu-item-2594" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2594"><a href="services.html">Services</a></li>
                    <li id="menu-item-2612" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2612"><a href="pricing_table.html">Pricing Table</a></li>
                    <li id="menu-item-2611" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2611"><a href="contact_us.html">Contact Us</a></li>
                  </ul>
                </li>
                <li id="menu-item-2598" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2598"><a href="#">Blog</a>
                  <ul class="sub-menu">
                    <li id="menu-item-2599" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2599"><a href="blog_grid.html">Blog Grid</a></li>
                    <li id="menu-item-2753" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2753"><a href="blog_timeline.html">Blog Timeline</a></li>
                    <li id="menu-item-2600" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2600"><a href="blog_standard.html">Blog Standard</a></li>
                    <li id="menu-item-2615" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2615"><a href="blog_full_width.html">Blog Full Width</a></li>
                    <li id="menu-item-2602" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2602"><a href="blog_full_width_alternate.html">Full Width Alternate</a></li>
                    <li id="menu-item-2752" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2752"><a href="blog_single.html">Blog Detail Page</a></li>
                  </ul>
                </li>
                <li id="menu-item-2603" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2603"><a href="#">Portfolio</a>
                  <ul class="sub-menu">
                    <li id="menu-item-2607" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2607"><a href="portfolio_style1.html">Portfolio style 1</a></li>
                    <li id="menu-item-2604" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2604"><a href="portfolio_style2.html">Portfolio style 2</a></li>
                    <li id="menu-item-2605" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2605"><a href="portfolio_style3.html">Portfolio Style 3</a></li>
                    <li id="menu-item-2606" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2606"><a href="portfolio_style4.html">Portfolio style 4</a></li>
                    <li id="menu-item-2608" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2608"><a href="single_portfolio.html">Portfolio Detail Page</a></li>
                  </ul>
                </li>
                <li id="menu-item-2614" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2614"><a href="shortcodes.html">Shortcodes</a></li>
                <li id="menu-item-2586" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2586"><a href="contact_us.html">Contact Us</a></li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  
  <!-- section search -->
  <section id="header-search-panel">
    <div class="container">
      <div class="row-fluid">
        <div class="search">
          <div>
            <form action="#" id="header-search-form" method="get">
              <a class="close" href="#"><i class="icon-blandes-remove"></i></a>
              <input type="text"  id="header-search" name="s" value="Search" autocomplete="off" />
              <!-- Create a fake search button --> 
              <span class="fake-submit-button"><i class="icon-blandes-search"></i>
              <input type="submit"  name="submit" value="submit" />
              </span>
            </form>
          </div>
        </div>
      </div>
    </div>
  </section>
</header>

<!-- rev  slider -->

<div id="rev_slider_3_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container">
  <div id="rev_slider_3_1" class="rev_slider fullwidthabanner" >
    <ul>
      <li data-transition="fade" data-slotamount="7" data-masterspeed="300" > <img src="images/slide-bg1.jpg"  alt="slide-bg1"  data-fullwidthcentering="on">
        <div class="tp-caption fade"
					 data-x="50" 
					 data-y="0" 					 data-speed="500" 
					 data-start="500" 
					 data-easing="easeOutExpo"  ><img src="images/man1.png" alt="Image 2"> </div>
        <div class="tp-caption bg-title sfb"
					 data-x="570" 
					 data-y="150" 					 data-speed="400" 
					 data-start="800" 
					 data-easing="easeOutExpo"  >Welcome to Blandes </div>
        <div class="tp-caption bg-title sfb"
					 data-x="570" 
					 data-y="198" 					 data-speed="400" 
					 data-start="1100" 
					 data-easing="easeOutExpo"  > <span>A clean Template</span> </div>
        <div class="tp-caption bg-subtitle fade"
					 data-x="575" 
					 data-y="270" 					 data-speed="300" 
					 data-start="1400" 
					 data-easing="easeOutExpo"  >Blandes is incridbly flexible , Ultra Modern , Beautiful <br />
          and Robustic
          html template created for business </div>
        <div class="tp-caption fade bg-buttons"
					 data-x="570" 
					 data-y="360" 					 data-speed="300" 
					 data-start="1700" 
					 data-easing="easeOutExpo"  ><a href='#' class='button'>Buy Now</a><a href='#' class='readmore'>Read More<i class="icon-arrow-right6"></i></a> </div>
      </li>
      <li data-transition="fade" data-slotamount="7" data-masterspeed="300" > <img src="images/slider-bg2.png"  alt="slide-bg1-1140x600"  data-fullwidthcentering="on">
        <div class="tp-caption sfb"
					 data-x="70" 
					 data-y="50" 					 data-speed="300" 
					 data-start="500" 
					 data-easing="easeOutExpo"  ><img src="images/responsive_ipad.png" alt="Image 1"> </div>
        <div class="tp-caption sfb"
					 data-x="340" 
					 data-y="200" 					 data-speed="300" 
					 data-start="700" 
					 data-easing="easeOutExpo"  ><img src="images/responsive_mobile.png" alt="Image 1"> </div>
        <div class="tp-caption bg-title-white sfb"
					 data-x="550" 
					 data-y="155" 					 data-speed="400" 
					 data-start="900" 
					 data-easing="easeOutExpo"  >Ultra Responsive Layout </div>
        <div class="tp-caption bg-title-white sfb"
					 data-x="550" 
					 data-y="200" 					 data-speed="400" 
					 data-start="1300" 
					 data-easing="easeOutExpo"  > <span>with a clean design</span> </div>
        <div class="tp-caption bg-subtitle-white fade"
					 data-x="550" 
					 data-y="270" 					 data-speed="300" 
					 data-start="1700" 
					 data-easing="easeOutExpo">Blandes is fully responsive so your content will look <br />
          great on every
          device and every time </div>
        <div class="tp-caption bg-buttons-white fade"
					 data-x="550" 
					 data-y="355" 					 data-speed="300" 
					 data-start="2100" 
					 data-easing="easeOutExpo"><a href='#' class='button white'>Buy Now</a><a href='#' class='readmore'>Read More<i class="icon-arrow-right6"></i></a></div>
      </li>
      <li data-transition="fade" data-slotamount="7" data-masterspeed="300" > <img src="images/slide-bg1.jpg"  alt="Slide background"  data-fullwidthcentering="on">
        <div class="tp-caption sfb"
					 data-x="0" 
					 data-y="120" 					 data-speed="400" 
					 data-start="500" 
					 data-easing="easeOutExpo"  ><img src="images/ipad_hand.png" alt="Image 1"> </div>
        <div class="tp-caption sfb"
					 data-x="170" 
					 data-y="155" 					 data-speed="400" 
					 data-start="500" 
					 data-easing="easeOutExpo"  >
          <iframe src='http://player.vimeo.com/video/68433687?title=0&amp;byline=0&amp;portrait=0;api=1' width='365' height='270' style='width:365px;height:270px;'></iframe>
        </div>
        <div class="tp-caption bg-title sfb"
					 data-x="570" 
					 data-y="150" 					 data-speed="400" 
					 data-start="800" 
					 data-easing="easeOutExpo">Easy and Fun to embed </div>
        <div class="tp-caption bg-title sfb"
					 data-x="570" 
					 data-y="195" 					 data-speed="400" 
					 data-start="1100" 
					 data-easing="easeOutExpo"><span>youtube videos</span> </div>
        <div class="tp-caption bg-subtitle fade"
					 data-x="570" 
					 data-y="265" 					 data-speed="300" 
					 data-start="1400" 
					 data-easing="easeOutExpo"  >Lorem ipsum dolor sit amet, consectetur adipiscing elit <br />
          Phasellus non cursus augue, ac eleifend odio.</div>
        <div class="tp-caption bg-buttons fade"
					 data-x="570" 
					 data-y="350" 					 data-speed="300" 
					 data-start="2100" 
					 data-easing="easeOutExpo"><a href='#' class='button'>Buy Now</a><a href='#' class='readmore'>Read More<i class="icon-arrow-right6"></i></a></div>
      </li>
    </ul>
  </div>
</div>
<script type="text/javascript">

								
				var revapi3;
				
				jQuery(document).ready(function() {
				
				if (jQuery.fn.cssOriginal != undefined)
					jQuery.fn.css = jQuery.fn.cssOriginal;
				
				if(jQuery('#rev_slider_3_1').revolution == undefined)

					revslider_showDoubleJqueryError('#rev_slider_3_1');
				else {
				   revapi3 = jQuery('#rev_slider_3_1').show().revolution(
					{
						delay:9000,
						startwidth:1140,
						startheight:500,
						hideThumbs:200,
						
						thumbWidth:100,
						thumbHeight:50,
						thumbAmount:3,
						
						navigationType:"bullet",
						navigationArrows:"solo",
						navigationStyle:"round",
						
						touchenabled:"on",
						onHoverStop:"on",
						
						navigationHAlign:"center",
						navigationVAlign:"bottom",
						navigationHOffset:0,
						navigationVOffset:30,

						soloArrowLeftHalign:"left",
						soloArrowLeftValign:"center",
						soloArrowLeftHOffset:10,
						soloArrowLeftVOffset:0,

						soloArrowRightHalign:"right",
						soloArrowRightValign:"center",
						soloArrowRightHOffset:10,
						soloArrowRightVOffset:0,
								
						shadow:0,
						fullWidth:"on",
						fullScreen:"off",

						stopLoop:"off",
						stopAfterLoops:-1,
						stopAtSlide:-1,

						shuffle:"off",
						
						hideSliderAtLimit:0,
						hideCaptionAtLimit:0,
						hideAllCaptionAtLilmit:0,
						startWithSlide:0,
						videoJsPath:"revslider/videojs/",
						fullScreenOffsetContainer: ""	
					});
					
					revapi3.revnext(function(){alert(0)});
				}
				});	//ready
				
				
			</script> 

<!-- END REVOLUTION SLIDER --> 

<!-- Section post -->

<section class="section  section-padding-large section-border-yes">
  <div class="container">
    <div class="row-fluid">
      <div class="stunning_text style2 clearfix">
        <div class="big-title">
          <div>
            <h4 class="first-title"><span>included everything</span></h4>
            <span>you  need to create an expectional website</span> </div>
        </div>
        <p>Blandes is ultra responsive  , retina ready and <span class="highlighted">incridbly flexible</span> modern wordpress theme with awesome features , <span class="highlighted">impressive look</span> and design <br />
          Also have hundreds of  options and  features which are trully useful for business purpose and it is fully out of box solution</p>
      </div>
      <div class="gap large"></div>
      <div class="row-fluid style3 grey-filled-backgrounds">
        <div class="span3">
          <div class="inner-content iconbox-container">
            <div class="iconbox"><span class="fontAwesomeIcon style2"><i class="icon-blandes-display"></i></span>
              <h3>Ultra Resposnsive layout and retina ready</h3>
              <a class="readmore" href="#">Read More<i class="icon-arrow-right6"></i></a></div>
          </div>
        </div>
        <div class="span3">
          <div class="inner-content  iconbox-container">
            <div class="iconbox"><span class="fontAwesomeIcon style2"><i class="icon-blandes-params"></i></span>
              <h3>Free Support and life time updates</h3>
              <a class="readmore" href="#">Read More<i class="icon-arrow-right6"></i></a></div>
          </div>
        </div>
        <div class="span3">
          <div class="inner-content  iconbox-container">
            <div class="iconbox"><span class="fontAwesomeIcon style2"><i class="icon-blandes-settings"></i></span>
              <h3>Included multiple options for easy customization</h3>
              <a class="readmore" href="#">Read More<i class="icon-arrow-right6"></i></a></div>
          </div>
        </div>
        <div class="span3">
          <div class="inner-content  iconbox-container">
            <div class="iconbox"><span class="fontAwesomeIcon style2"><i class="icon-blandes-cloud"></i></span>
              <h3>Modern clean  and  SEO friendly code</h3>
              <a class="readmore" href="#">Read More<i class="icon-arrow-right6"></i></a></div>
          </div>
        </div>
      </div>
      <div class="gap small"></div>
    </div>
  </div>
</section>
<section class="section  full-width section-top-padding-no section-bottom-padding-no section-padding-small">
  <div class="container">
    <div class="row-fluid">
      <div class="portfolio">
        <ul class="portfolio-items portfolio-style4 portfolio-with-padding-yes filterable-items" data-columns="5">
          <li class="portfolio-item  architecture creative illustration">
            <div class="inner-content">
              <div class="image large hoverlay"><img src="./images/portfolio-large.jpg" alt="simple project with preview image" />
                <div class="overlay">
                  <div class="overlay-content"> </div>
                  <div class="info">
                    <h4><a href="#">simple project with  image</a></h4>
                    <h5> <a href="#" rel="tag">Creative</a>, <a href="#" rel="tag">Illustration</a> </h5>
                    <a href="images/portfolio-medium.jpg" class="info-icon prettyPhoto"><i class="icon-blandes-arrow"></i></a> <a href="images/portfolio-medium.jpg" class="info-icon prettyPhoto"><i class="icon-blandes-arrow"></i></a> </div>
                </div>
              </div>
            </div>
          </li>
          <li class="portfolio-item  illustration web  first-row">
            <div class="inner-content">
              <div class="image medium hoverlay"><img src="./images/portfolio-medium.jpg" alt="simple project with preview video" />
                <div class="overlay">
                  <div class="overlay-content"> </div>
                  <div class="info">
                    <h4><a href="#">simple project with  video</a></h4>
                    <h5><a href="#" rel="tag">Illustration</a>, <a href="#" rel="tag">Web</a> </h5>
                    <a href="images/portfolio-medium.jpg" class="info-icon prettyPhoto"><i class="icon-blandes-arrow"></i></a> </div>
                </div>
              </div>
            </div>
          </li>
          <li class="portfolio-item  architecture creative">
            <div class="inner-content">
              <div class="image hoverlay medium"><img src="./images/portfolio-medium.jpg" alt="simple project with gallery" />
                <div class="overlay">
                  <div class="overlay-content"> </div>
                  <div class="info">
                    <h4><a href="#">simple project with gallery</a></h4>
                    <h5><a href="#" rel="tag">Architecture</a>, <a href="#" rel="tag">Creative</a> </h5>
                    <a href="images/portfolio-medium.jpg" class="info-icon prettyPhoto"><i class="icon-blandes-arrow"></i></a> </div>
                </div>
              </div>
            </div>
          </li>
          <li class="portfolio-item  illustration web">
            <div class="inner-content">
              <div class="image medium hoverlay"><img src="./images/portfolio-medium.jpg" alt="simple project with image" />
                <div class="overlay">
                  <div class="overlay-content"> </div>
                  <div class="info">
                    <h4><a href="#">simple project with image</a></h4>
                    <h5><a href="#" rel="tag">Illustration</a>, <a href="#" rel="tag">Web</a> </h5>
                    <a href="images/portfolio-medium.jpg" class="info-icon prettyPhoto"><i class="icon-blandes-arrow"></i></a> </div>
                </div>
              </div>
            </div>
          </li>
          <li class="portfolio-item  architecture illustration">
            <div class="inner-content">
              <div class="image long hoverlay"><img src="./images/portfolio-long.jpg" alt="adipiscing nisi in nulla ornare" />
                <div class="overlay">
                  <div class="overlay-content"> </div>
                  <div class="info">
                    <h4><a href="#">adipiscing nisi  nulla ornare</a></h4>
                    <h5><a href="#" rel="tag">Architecture</a>, <a href="#" rel="tag">Illustration</a> </h5>
                    <a href="images/portfolio-medium.jpg" class="info-icon prettyPhoto"><i class="icon-blandes-arrow"></i></a> </div>
                </div>
              </div>
            </div>
          </li>
          <li class="portfolio-item  animation architecture">
            <div class="inner-content">
              <div class="image large hoverlay"><img src="./images/portfolio-large.jpg" alt="consectetur adipiscing  Nulla posuere" />
                <div class="overlay">
                  <div class="overlay-content"> </div>
                  <div class="info">
                    <h4><a href="#">consectetur adipiscing  Nulla </a></h4>
                    <h5><a href="#" rel="tag">Animation</a>, <a href="#" rel="tag">Architecture</a> </h5>
                    <a href="images/portfolio-medium.jpg" class="info-icon prettyPhoto"><i class="icon-blandes-arrow"></i></a> </div>
                </div>
              </div>
            </div>
          </li>
          <li class="portfolio-item  animation illustration  last-row">
            <div class="inner-content">
              <div class="image medium hoverlay"><img src="./images/portfolio-medium.jpg" alt="Duis non erat arcu  quis auctor" />
                <div class="overlay">
                  <div class="overlay-content"> </div>
                  <div class="info">
                    <h4><a href="#">Duis non erat arcu   auctor</a></h4>
                    <h5><a href="#" rel="tag">Animation</a>, <a href="#" rel="tag">Illustration</a> </h5>
                    <a href="images/portfolio-medium.jpg" class="info-icon prettyPhoto"><i class="icon-blandes-arrow"></i></a> </div>
                </div>
              </div>
            </div>
          </li>
          <li class="portfolio-item creative  last-row">
            <div class="inner-content">
              <div class="image medium hoverlay"><img src="./images/portfolio-medium.jpg" alt="Velit sit amet purus" />
                <div class="overlay">
                  <div class="overlay-content"> </div>
                  <div class="info">
                    <h4><a href="#">Velit sit amet purus</a></h4>
                    <h5><a href="#" rel="tag">Architecture</a> , <a href="#" rel="tag">Creative</a> </h5>
                    <a href="images/portfolio-medium.jpg" class="info-icon prettyPhoto"><i class="icon-blandes-arrow"></i></a> </div>
                </div>
              </div>
            </div>
          </li>
        </ul>
      </div>
    </div>
  </div>
</section>
<section class="section">
  <div class="container">
    <div class="row-fluid">
      <div class="row-fluid">
        <div class="span9">
          <div class="inner-content">
            <h4 class="title style1 textuppercase"><span>Recent Posts From blog</span></h4>
            <div class="carousel-container">
              <div class="carousel-wrapper">
                <ul class="carousel-items post-items" data-columns="3">
                  <li class="carousel-item">
                    <div class="image"> <img src="images/postgrid.jpg" alt=""> </div>
                    <div class="info">
                      <div class="post-meta">
                        <h3><a href="#">Standard Post with Picture</a></h3>
                        <div class="post-meta-info"><span>Admin</span><span class="divider">/</span><span>Sep 1 , 2013</span><span class="divider">/</span><span>2 Comments</span></div>
                        <p class="excerpt">Phasellus enim libero, blandit vel sapien vitae, condimentum ultricies magna et. Quisque euismod orci ut et.... </p>
                      </div>
                    </div>
                  </li>
                  <li class="carousel-item">
                    <div class="image"> <img src="images/postgrid.jpg" alt=""> </div>
                    <div class="info">
                      <div class="post-meta">
                        <h3><a href="#">Another Post with Picture</a></h3>
                        <div class="post-meta-info"><span>Admin</span><span class="divider">/</span><span>Aug 15 , 2013</span><span class="divider">/</span><span>1 Comment</span></div>
                        <p class="excerpt">Phasellus enim libero, blandit vel sapien vitae, condimentum ultricies magna et. Quisque euismod orci ut et.... </p>
                      </div>
                    </div>
                  </li>
                  <li class="carousel-item">
                    <div class="image"> <img src="images/postgrid.jpg" alt=""> </div>
                    <div class="info">
                      <div class="post-meta">
                        <h3><a href="#">Post with preview picture</a></h3>
                        <div class="post-meta-info"><span>Admin</span><span class="divider">/</span><span>Aug 25 , 2013</span><span class="divider">/</span><span>0 Comment</span></div>
                        <p class="excerpt">Phasellus enim libero, blandit vel sapien vitae, condimentum ultricies magna et. Quisque euismod orci ut et.... </p>
                      </div>
                    </div>
                  </li>
                  <li class="carousel-item">
                    <div class="image"> <img src="images/postgrid.jpg" alt=""> </div>
                    <div class="info">
                      <div class="post-meta">
                        <h3><a href="#">Post with preview picture</a></h3>
                        <div class="post-meta-info"><span>Admin</span><span class="divider">/</span><span>Aug 25 , 2013</span><span class="divider">/</span><span>0 Comment</span></div>
                        <p class="excerpt">Phasellus enim libero, blandit vel sapien vitae, condimentum ultricies magna et. Quisque euismod orci ut et.... </p>
                      </div>
                    </div>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
        <div class="span3">
          <div class="inner-content">
            <h4 class="title style1 textuppercase"><span>Get in Touch</span></h4>
            <div class="wpcf7" id="wpcf7-f2370-p20-o1">
              <form action="php/contact-form.php" method="post" class="contact-form field-icons-yes">
                <div class="alert alert-success hidden" id="contactSuccess">Congratulation Your message has been sent.</div>
                <div class="alert alert-error hidden" id="contactError">An Error Occured While Sending your Message.</div>
                <div>
                  <div class="control-wrap"> <span class="icon"><i class="icon-blandes-user"></i></span>
                    <input type="text" name="name"  size="40" class="required" aria-required="true" placeholder="First Name" />
                  </div>
                </div>
                <div>
                  <div class="control-wrap"> <span class="icon"><i class="icon-blandes-mail"></i></span>
                    <input type="text" name="email"  size="40" class="required email" placeholder="Email" />
                  </div>
                </div>
                <div>
                  <div class="control-wrap">
                    <textarea name="message" rows="8" cols="5" class="required" placeholder="Your Message"></textarea>
                  </div>
                </div>
                <div>
                  <input type="submit" value="Send" class="" />
                </div>
              </form>
            </div>
          </div>
        </div>
      </div>
      <div class="gap" ></div>
    </div>
  </div>
</section>
<section class="section section-padding-zero full-width-alternate section-grey">
  <div class="container">
    <div class="row-fluid">
      <div class="content-left span6">
        <div class="inner-content">
          <div class="gap extra-large"></div>
          <h2 class="textuppercase">Best Features of Blandes</h2>
          <div class="hr border-tiny double-border"></div>
          <p>Phasellus enim libero, blandit vel sapi condimentum ultricies magna Quisque euismod orci ut et lobortis aliquam aliquam in tortor et lobortis aliquam Phasellus enim libero, blandit vel sapi condimentum ultricies magn</p>
          <div class="row-fluid">
            <div class="span6">
              <ul class="styled-list">
                <li><i class="icon-arrow-right8"></i>Advance Admin Panel</li>
                <li><i class="icon-arrow-right8"></i>Responsive layout</li>
                <li><i class="icon-arrow-right8"></i>Backend color picker</li>
                <li><i class="icon-arrow-right8"></i>Fully out of box solution</li>
                <li><i class="icon-arrow-right8"></i>Multiple Headers</li>
              </ul>
            </div>
            <div class="span6">
              <ul class="styled-list">
                <li><i class="icon-arrow-right8"></i>visual shortcode editor</li>
                <li><i class="icon-arrow-right8"></i>Retina ready</li>
                <li><i class="icon-arrow-right8"></i>Font Awesome icons</li>
                <li><i class="icon-arrow-right8"></i>Incridbly Flexible </li>
                <li><i class="icon-arrow-right8"></i> Easy to customize</li>
              </ul>
            </div>
          </div>
          <div class="gap large"></div>
        </div>
      </div>
      <div class="content-right span6">
        <div class="inner-content">
          <div class="image"><img src="images/portfolio-large.jpg" alt=""></div>
        </div>
      </div>
    </div>
  </div>
</section>
<section class="section">
  <div class="container">
    <div class="row-fluid">
      <h2 class="textcenter textuppercase"><span>See Our Clients <span class="special_amp">&amp;</span> Parteners</span></h2>
      <p class="textcenter">Blandes have two different ways to show your clients and parteners . Grid layout can <br />
        be     used to show   large number of images from six to two column layouts .</p>
      <div class="gap extra-large"></div>
      <div class="row-fluid clients-grid style3">
        <div class="span2">
          <div class="inner-content"> <a href="#"><img src="images/00.png"></a> </div>
        </div>
        <div class="span2">
          <div class="inner-content"> <a href="#"><img src="images/00.png"></a> </div>
        </div>
        <div class="span2">
          <div class="inner-content"> <a href="#"><img src="images/00.png"></a> </div>
        </div>
        <div class="span2">
          <div class="inner-content"> <a href="#"><img src="images/00.png"></a> </div>
        </div>
        <div class="span2">
          <div class="inner-content"> <a href="#"><img src="images/00.png"></a> </div>
        </div>
        <div class="span2">
          <div class="inner-content"> <a href="#"><img src="images/00.png"></a> </div>
        </div>
        <div class="span2">
          <div class="inner-content"> <a href="#"><img src="images/00.png"></a> </div>
        </div>
        <div class="span2">
          <div class="inner-content"> <a href="#"><img src="images/00.png"></a> </div>
        </div>
        <div class="span2">
          <div class="inner-content"> <a href="#"><img src="images/00.png"></a> </div>
        </div>
        <div class="span2">
          <div class="inner-content"> <a href="#"><img src="images/00.png"></a> </div>
        </div>
        <div class="span2">
          <div class="inner-content"> <a href="#"><img src="images/00.png"></a> </div>
        </div>
        <div class="span2">
          <div class="inner-content"> <a href="#"><img src="images/00.png"></a> </div>
        </div>
      </div>
      <div class="gap" ></div>
    </div>
  </div>
</section>
<footer id="footer">
  <div class="container">
    <div class="row-fluid">
      <div class="widget span3"> <img src="images/logo_white.png" width="97" height="16" alt="Blandes">
        <div class="gap"></div>
        <p>Lid est laborum dolo rumes fuga untras Etharums ser quidem rerum faci dolores nemis omnis fugats vitaes nemo minima Sed ut perspiciatis </p>
        <p> totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo </p>
      </div>
      <div id="recent-posts-3" class="widget widget_meta widget_recent_entries span3">
        <h4>Recent posts</h4>
        <ul>
          <li> <a href="http://localhost/lautus/?p=2355" title="In massa turpis ornare nec commodo">In massa turpis ornare nec commodo</a> <span class="post-date">July 1, 2013</span> </li>
          <li> <a href="http://localhost/lautus/?p=2346" title="Mauris vestibulum neque">Mauris vestibulum neque</a> <span class="post-date">July 1, 2013</span> </li>
          <li> <a href="http://localhost/lautus/?p=2343" title="sed aliquam justo dolor">Sed aliquam justo dolor</a> <span class="post-date">July 1, 2013</span> </li>
        </ul>
      </div>
      <div id="nav_menu-2" class="widget widget_meta widget_twitter span3">
        <h4>Recent Tweets</h4>
        <div class="recent-tweets">
          <ul>
            <li><span>Nemo enim ipsam voluptatem <a href="#">http://t.co/255sds4r5d</a> sit  aut odit sed <a href="#">http://t.co/255sds4r5d</a></span><br>
              <a class="" href="#">2 days ago</a></li>
            <li><span><a href="#">@lorel </a>Nemo enim ipsam <a href="#">http://t.co/255sds4r5d</a> aut odit</span><br>
              <a class="" href="#">9 days ago</a></li>
          </ul>
        </div>
      </div>
      <div id="portfolio-widget-2" class="widget widget_meta portfolios span3">
        <h4>Recent Work</h4>
        <div class="recent-works-items clearfix"> <a href="#" title="simple project with preview image" class="hoverborder"> <img width="80" height="80" src="images/portfolio_thumbnail.jpg" class="attachment-mini wp-post-image" alt="photo_01_v011" /> </a> <a href="#" title="simple project with preview video" class="hoverborder"> <img width="80" height="80" src="images/portfolio_thumbnail.jpg" class="attachment-mini wp-post-image" alt="photo_03_v011" /> </a> <a href="#" title="simple project with gallery" class="hoverborder"> <img width="80" height="80" src="images/portfolio_thumbnail.jpg" class="attachment-mini wp-post-image" alt="photo_08_v011" /> </a> <a href="#" title="simple project with image" class="hoverborder"> <img width="80" height="80" src="images/portfolio_thumbnail.jpg" class="attachment-mini wp-post-image" alt="photo_12_v011" /> </a> <a href="#" title="adipiscing nisi in nulla ornare" class="hoverborder"> <img width="80" height="80" src="images/portfolio_thumbnail.jpg" class="attachment-mini wp-post-image" alt="photo_20_v01" /> </a> <a href="#" title="consectetur adipiscing  Nulla posuere" class="hoverborder"> <img width="80" height="80" src="images/portfolio_thumbnail.jpg" class="attachment-mini wp-post-image" alt="Mountain bike" /> </a> </div>
      </div>
    </div>
  </div>
</footer>
<section id="copyright">
  <div class="container">
    <div class="row-fluid">
      <div class="row-fluid">
        <div class="copyright-text span4 pull-left"> blandus v1.0 by <a href='http://themeforest.net/user/bradweb'>bradwebs</a> </div>
        <div class=" textright span8 clearfix">
          <ul class="social-icons clearfix">
            <li> <a  class="twitter" href="http://www.twitter.com/#" target="_blank" title="Twitter"> <i class="icon-twitter"></i> </a> </li>
            <li> <a  class="flickr" href="#" target="_blank" title="Flickr"> <i class="icon-flickr"></i> </a> </li>
            <li> <a class="facebook" href="#" target="_blank" title="Facebook"> <i class="icon-facebook"></i> </a> </li>
            <li> <a class="dribbble" href="#" target="_blank" title="Dribbble"> <i class="icon-dribbble"></i> </a> </li>
            <li> <a class="linkedin" href="#" target="_blank" title="LinkedIn"> <i class="icon-linkedin"></i> </a> </li>
            <li> <a class="youtube" href="#" target="_blank" title="YouTube"> <i class="icon-youtube"></i> </a> </li>
            <li> <a class="rss" href="http://localhost/lautus/?feed=rss2" target="_blank" title="RSS"> <i class="icon-rss"></i> </a> </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- Javascript Files --> 
<script type="text/javascript" src="./js/plugins.js"></script> 
<script type="text/javascript" src="./js/caroufred.js"></script> 
<script type="text/javascript" src="./js/flexslider.js"></script> 
<script type="text/javascript" src="./js/isotope.js"></script> 
<script type="text/javascript" src="./js/main.js"></script>
</body>
</html>